<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title id="title"></title>

    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/scholar/newsDetail.css">
</head>

<body style="background-color: #eef3fa">
<div class="content">
    <div class="row header">
        <div class="container">
            <div class="container">
                <!--<div class="header-logo">NexMagic scholar</div>-->
                <span class="header-logo"><img src="../img/scholar/logo1.png" style="height:25px;margin-bottom:15px;"/></span>
            </div>
        </div>
    </div>
    <div class="container margin-content" id="box" v-cloak>
        <div class="title">
            {{paper.title}}
        </div>
        <hr>
        <div>
            <table>
                <tr v-for="(autor,index) in paper.experts">
                    <td class="small-title"><span v-if="index==0">Autors：</span></td>
                    <td class="paper-head"><img onerror="nofind(this)" :src="autor.img != undefined?(resourceUrl + autor.img):'../img/scholar/head/common-head.png'" class="head"/></td>
                    <td>{{autor.name}}</td>
                </tr>
                <tr>
                    <td class="small-title">Abstract:</td>
                    <td colspan="2" class="paper-content">
                        <p v-html="paper.fAbstract"></p>
                    </td>
                </tr>
                <tr>
                    <td class="small-title">Publish:</td>
                    <td colspan="2" class="publish">
                        <span>{{paper.publisher}}</span>
                        <span>{{paper.fPublishDate}}</span>
                    </td>
                </tr>
            </table>
        </div>
        <hr>
        <div class="paper-link">
            <span class="link-name"><i class="fa fa-link" aria-hidden="true"></i>Link</span>
            <span v-for="item in paper.urls"><a :href="item" target="_blank">{{item}}</a></span>
        </div>
    </div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/polyfill.min.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/echarts/echarts.min.js"></script>
<script src="../js/echarts/macarons.js"></script>
<script src="../js/echarts/dataTool.min.js"></script>
<script src="../js/echarts/world.js"></script>
<script src="../js/gAjax.js"></script>
<script>
    var KingVue = new Vue({
        el: '#box',
        data: {
            resourceUrl: "",
            paper: {}
        },
        mounted: function () {
            var _this = this;
            _this.resourceUrl = gAjax.resourceUrl;

            if(getUrlParam("type") == 1){
                $("title").html("Journal");
            }
            if(getUrlParam("type") == 2){
                $("title").html("Conference");
            }
            // /*获取资源路径*/
            //
            // _this.expert = getStorage("scholar_expertDetail");

            _this.queryPaperDetail();
        },
        methods: {
            queryPaperDetail: function () {/*查新闻详细信息*/
                var _this = this;
                gAjax.requestNoAsync("neo4j/paper/findOnePaper", {id: getUrlParam("id")}).then(function (result) {
                    _this.paper = result;
                    /* if(_this.paper.url != null){
                        try {
                            _this.paper.url = JSON.parse(_this.paper.url);
                        } catch (e){
                        }
                    } */
                });
            },
        }
    });
</script>
</body>
</html>